// import Vue from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import Home from './views/Home.vue'

import watch_computed from './views/watch_computed.vue'
import nextTick from './views/nextTick.vue'
import request from './views/request.vue'
import lifeCycle from './views/lifeCycle.vue'
import render from './views/render.vue'
import vertical_and_center from './views/vertical_and_center.vue'
import test from './views/test.vue'

// Vue.use(Router)

export default createRouter({
    history: createWebHashHistory(),
    base: process.env.BASE_URL,
    routes: [
        {
            path: '/',
            name: 'home',
            component: Home
        },
        {
            path: '/watch_computed',
            name: 'watch_computed',
            component: watch_computed
        },
        {
            path: '/nextTick',
            name: 'nextTick',
            component: nextTick
        },
        {
            path: '/lifeCycle',
            name: 'lifeCycle',
            component: lifeCycle
        },
        {
            path: '/test',
            name: 'test',
            component: test
        },
        {
            path: '/vertical_and_center',
            name: 'vertical_and_center',
            component: vertical_and_center
        },
        {
            path: '/request',
            name: 'request',
            component: request
        },
    ]
})
